<template>
  <div class="containers">
      <single-file-uplodder/>
    <div></div>
    <PunchCalendar :sign-data="data.signData" @getSignData="getSignData"/>

  </div>
</template>

<script>
import SingleFileUplodder from "@/components/fileupload/SingleFileUplodder";
import PunchCalendar from '@/components/PunchCalendar'
export default {
  components: {PunchCalendar, SingleFileUplodder},
  data () {
    return {
      data: {
        days: 30,
        signData: "000000000000000000000000000000",
        count: 1,
        signCount: 1
      }
    };
  },
  methods: {
    getSignData(year,month) {
      console.log(year)
      console.log(month)
      return 50
    }
  },
};
</script>


<style scoped>
.containers {
  position: relative;
  background-color: #ffffff;
  width: 100%;
  height: calc(100% - 31px);
}

</style>